
<h2 class="title text-center">REGISTRATION</h2>
<section id="form" style="margin-bottom: 50px;
                            margin-top: 50px">
    <div class="row">
        <div class="col-sm-4 col-sm-offset-1">
            <div class="login-form"><!--login form-->
                <h2>Login</h2>
                <form method="post">
                    <input type="text" name="username_login" placeholder="Username" />
                    <div class="error" id="username_login_error"><?php echo form_error('username_login')?></div>
                    <input type="password" name="password_login" placeholder="Password"/>
                    <div class="error" id="password_login_error"><?php echo form_error('password_login')?></div>
                    <input type="text" name="login" placeholder="Password" style="display: none"/>
                    <div class="error" id="login_error"><?php echo form_error('login_error')?></div>
                    <button type="submit" name="submit" value="login" class="btn btn-default">Login</button>
                </form>
            </div><!--/login form-->
        </div>
        <div class="col-sm-1">
            <h2 class="or">OR</h2>
        </div>
        <div class="col-sm-4">
            <div class="signup-form"><!--sign up form-->
                <h2>Registration</h2>
                <form  method='post'>
                    <input type="text" name="name" placeholder="Username *" value="<?php echo set_value('name')?>"/>
                    <div class="error" id="username_error"><?php echo form_error('name')?></div>
                    <input type="email" name="email" placeholder="Email *" value="<?php echo set_value('email')?>"/>
                    <div class="error" id="email_error"><?php echo form_error('email')?></div>
                    <select name="gender" style="height: 40px">
                        <option value="" disabled selected>Gender</option>
                        <option value="1">Male</option>
                        <option value="0">Female</option>
                    </select>
                    <div class="error" id="gender_error"><?php echo form_error('gender')?></div>
                    <input type="password" style="margin-top: 10px" name="password" placeholder="Password *" value="<?php echo set_value('password')?>"/>
                    <div class="error" id="password_error"><?php echo form_error('password')?></div>
                    <input type="password" name="repassword" placeholder="Confirm Password*" value="<?php echo set_value('repassword')?>"/>
                    <div class="error" id="repassword_error"><?php echo form_error('repassword')?></div>
                    <input type="text" name="dob" placeholder="Date of Birth *" onfocus="(this.type='date')" onblur="(this.type='text')" value="<?php echo set_value('dob')?>"/>
                    <input type="text" name="fullname" placeholder="Full Name *" value="<?php echo set_value('fullname')?>"/>
                    <div class="error" id="fullname_error"><?php echo form_error('fullname')?></div>
                    <input type="text" name="tel" placeholder="Cellphone Number" value="<?php echo set_value('tel')?>"/>
                    <div class="error" id="dob_error"><?php echo form_error('dob')?></div>
                    <input type="text" name="address1" placeholder="Address *" value="<?php echo set_value('address1')?>"/>
                    <input type="text" name="address2" placeholder="Address" value="<?php echo set_value('address2')?>"/>
                    <div class="error" id="address1_error"><?php echo form_error('address1')?></div>
                    <input type="text" name="idcard" placeholder="Identification Number" value="<?php echo set_value('idcard')?>"/>
                    <div class="error" id="idcard_error"><?php echo form_error('idcard')?></div>
                    <button type="submit" name="submit" value="register" class="btn btn-default">Register</button>
                </form>
            </div><!--/sign up form-->
        </div>
    </div>
</section><!--/form-->
